/*
  MDN-LIKE Theme - Mozilla
  Ported to CodeMirror by Peter Kroon <plakroon@gmail.com>
  Report bugs/issues here: https://github.com/codemirror/CodeMirror/issues
  GitHub: @peterkroon

  The mdn-like theme is inspired on the displayed code examples at: https://developer.mozilla.org/en-US/docs/Web/CSS/animation

*/
.cm-s-mdn-like.CodeMirror {
  color: #999;
  background-color: #fff;
}
.cm-s-mdn-like div.CodeMirror-selected {
  background: #cfc;
}
.cm-s-mdn-like .CodeMirror-line::selection,
.cm-s-mdn-like .CodeMirror-line > span::selection,
.cm-s-mdn-like .CodeMirror-line > span > span::selection {
  background: #cfc;
}
.cm-s-mdn-like .CodeMirror-line::-moz-selection,
.cm-s-mdn-like .CodeMirror-line > span::-moz-selection,
.cm-s-mdn-like .CodeMirror-line > span > span::-moz-selection {
  background: #cfc;
}

.cm-s-mdn-like .CodeMirror-gutters {
  background: #f8f8f8;
  border-left: 6px solid rgba(0, 83, 159, 0.65);
  color: #333;
}
.cm-s-mdn-like .CodeMirror-linenumber {
  color: #aaa;
  padding-left: 8px;
}
.cm-s-mdn-like .CodeMirror-cursor {
  border-left: 2px solid #222;
}

.cm-s-mdn-like .cm-keyword {
  color: #6262ff;
}
.cm-s-mdn-like .cm-atom {
  color: #f90;
}
.cm-s-mdn-like .cm-number {
  color: #ca7841;
}
.cm-s-mdn-like .cm-def {
  color: #8da6ce;
}
.cm-s-mdn-like span.cm-variable-2,
.cm-s-mdn-like span.cm-tag {
  color: #690;
}
.cm-s-mdn-like span.cm-variable-3,
.cm-s-mdn-like span.cm-def,
.cm-s-mdn-like span.cm-type {
  color: #07a;
}

.cm-s-mdn-like .cm-variable {
  color: #07a;
}
.cm-s-mdn-like .cm-property {
  color: #905;
}
.cm-s-mdn-like .cm-qualifier {
  color: #690;
}

.cm-s-mdn-like .cm-operator {
  color: #cda869;
}
.cm-s-mdn-like .cm-comment {
  color: #777;
  font-weight: normal;
}
.cm-s-mdn-like .cm-string {
  color: #07a;
  font-style: italic;
}
.cm-s-mdn-like .cm-string-2 {
  color: #bd6b18;
} /*?*/
.cm-s-mdn-like .cm-meta {
  color: #000;
} /*?*/
.cm-s-mdn-like .cm-builtin {
  color: #9b7536;
} /*?*/
.cm-s-mdn-like .cm-tag {
  color: #997643;
}
.cm-s-mdn-like .cm-attribute {
  color: #d6bb6d;
} /*?*/
.cm-s-mdn-like .cm-header {
  color: #ff6400;
}
.cm-s-mdn-like .cm-hr {
  color: #aeaeae;
}
.cm-s-mdn-like .cm-link {
  color: #ad9361;
  font-style: italic;
  text-decoration: none;
}
.cm-s-mdn-like .cm-error {
  border-bottom: 1px solid red;
}

div.cm-s-mdn-like .CodeMirror-activeline-background {
  background: #efefff;
}
div.cm-s-mdn-like span.CodeMirror-matchingbracket {
  outline: 1px solid grey;
  color: inherit;
}

.cm-s-mdn-like.CodeMirror {
  background-image: url();
}
